<!DOCTYPE html>
<html>
	<head>
		<title>rp responsive framework</title>
		<link rel="stylesheet" type="text/css" href="css/stylesheets/style.css">
		<link rel="stylesheet" type="text/css" href="css/stylesheets/rp-response.css">
	</head>
	<body>
		<br/>
		<h1>RP Responsive Grid Framework</h1>
		<div class="container">
			<div class="section clearing">
				<div class="column div_1_of_1"><p>1</p></div>	
			</div>
			<div class="section clearing">
				<div class="column div_1_of_2"><p>2</p></div>
				<div class="column div_1_of_2"><p>2</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_3"><p>3</p></div>
				<div class="column div_1_of_3"><p>3</p></div>
				<div class="column div_1_of_3"><p>3</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_4"><p>4</p></div>
				<div class="column div_1_of_4"><p>4</p></div>
				<div class="column div_1_of_4"><p>4</p></div>
				<div class="column div_1_of_4"><p>4</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_5"><p>5</p></div>
				<div class="column div_1_of_5"><p>5</p></div>
				<div class="column div_1_of_5"><p>5</p></div>
				<div class="column div_1_of_5"><p>5</p></div>
				<div class="column div_1_of_5"><p>5</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_6"><p>6</p></div>
				<div class="column div_1_of_6"><p>6</p></div>
				<div class="column div_1_of_6"><p>6</p></div>
				<div class="column div_1_of_6"><p>6</p></div>
				<div class="column div_1_of_6"><p>6</p></div>
				<div class="column div_1_of_6"><p>6</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
				<div class="column div_1_of_7"><p>7</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
				<div class="column div_1_of_8"><p>8</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
				<div class="column div_1_of_9"><p>9</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
				<div class="column div_1_of_10"><p>10</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
				<div class="column div_1_of_11"><p>11</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
				<div class="column div_1_of_12"><p>12</p></div>
			</div>
			<br/><br/>
			
			<hr/>
			<br/>
			<h1>Grid of 3</h1>
			<div class="section clearing">
				<div class="column div_3_of_3"><p>3 of 3</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_3"><p>1 of 3</p></div>
				<div class="column div_2_of_3"><p>2 of 3</p></div>			
			</div>
			<div class="section clearing">
				<div class="column div_1_of_3"><p>1 of 3</p></div>
				<div class="column div_1_of_3"><p>1 of 3</p></div>
				<div class="column div_1_of_3"><p>1 of 3</p></div>				
			</div>
			<br/>
			<hr/>
			<br/><br/>
			<hr/>
			<br/>
			<h1>Grid of 4</h1>
			<div class="section clearing">
				<div class="column div_4_of_4"><p>4 of 4</p></div>			
			</div>
			<div class="section clearing">
				<div class="column div_1_of_4"><p>1 of 4</p></div>
				<div class="column div_3_of_4"><p>3 of 4</p></div>			
			</div>
			<div class="section clearing">
				<div class="column div_1_of_4"><p>1 of 4</p></div>
				<div class="column div_1_of_4"><p>1 of 4</p></div>
				<div class="column div_1_of_4"><p>1 of 4</p></div>	
				<div class="column div_1_of_4"><p>1 of 4</p></div>				
			</div>
			<br/>
			<hr/>
			<br/><br/>
			<hr/>
			<br/>
			<h1>Grid of 5</h1>
			<div class="section clearing">
				<div class="column div_5_of_5"><p>5 of 5</p></div>		
			</div>
			<div class="section clearing">
				<div class="column div_1_of_5"><p>1 of 5</p></div>
				<div class="column div_4_of_5"><p>4 of 5</p></div>
			</div>
			<div class="section clearing">
				<div class="column div_1_of_5"><p>1 of 5</p></div>
				<div class="column div_1_of_5"><p>1 of 5</p></div>
				<div class="column div_1_of_5"><p>1 of 5</p></div>
				<div class="column div_1_of_5"><p>1 of 5</p></div>
				<div class="column div_1_of_5"><p>1 of 5</p></div>
			</div>	
		</div>
	</body>
</html>